import { Col, Row } from 'antd';
import React from 'react';
import styles from './index.module.less';

interface ToolbarProps {
  leftRender?: React.ReactNode
  rightRender?: React.ReactNode
  children?: React.ReactNode
}

const Toolbar = ({
  leftRender,
  children, rightRender }: ToolbarProps) => {
  return (<div className={styles.toolbarWrapper}>
    <Row>
      <Col>{leftRender}</Col>
      <Col> {children}</Col>
      <Col>{rightRender}</Col>
    </Row>

   
  </div>)
}
export default Toolbar